<template>
  <div>
    <p>{{ tit }}</p>
    <p><button @click="emitFn">子传父</button></p>
  </div>
</template>

<script>
export default {
  name: "",
  props: ["tit"],
  setup(props, context) {
    // 在子组件中获取tit(父传子的参数)
    // 因为 setup 函数中没有this,所以有一个形参 props
    // console.log(props.tit);

    const nameArr = ["小花", "锋哥"];

    const emitFn = () => {
      context.emit("transfer", nameArr);
    };

    return {
      emitFn,
    };
  },
};
</script>
<style scoped>
</style>